@import "variables";

seed-calendar-header{
  header{
    background-color: #fff;
    height: pxTorem(88);
    .day-btn{
      width: pxTorem(40);
      height: pxTorem(40);
      &.left{
        @include icon(40, 40, '#{$icons-path}/icon_training_left.png');
        margin-left: pxTorem(24);
      }
      &.right{
        @include icon(40, 40, '#{$icons-path}/icon_training_right.png');
        margin-right: pxTorem(24);
      }
    }
    .show-time{
      line-height: pxTorem(88);
      height: pxTorem(88);
      color: color(c2);
      @include font-size(f2);
      .arrow{
        @include icon(28, 28, '#{$icons-path}/icon_training_drop_down.png');
        margin-left: pxTorem(5);
        transition: transform 0.5s linear;
        &.show-modal{
          transform: rotate(180deg);
        }
      }
    }
  }
}
